<!--
 * new page
 * @author: sunYihui
 * @since: 2024-09-03
 * sun.vue
-->
<template>
    <div class="zibox" :click="ZiClick">
      子:{{data}}
    </div>
  </template>
  
  <script setup lang="ts">
  
  const FuchuanZi:any=defineProps({
    data: String
  })
  console.log(FuchuanZi.value);
  
const emits =defineEmits(['getZiData'])

const ZiClick=()=>{
  emits('getZiData','子组件传值')
}
  </script>
  <style scoped>
  .zibox{
      width: 300px;
      height: 300px;
      background-color: orange;
  }
  </style>
  